<template>
  <comNavigation>
    <template v-slot:title>
      极速问诊
    </template>
    <template v-slot:right>
      <span style="color:#6cc3b6;">问诊记录</span>
    </template>
  </comNavigation>
  <div class="father">
    <div style="text-align: center;">
      <img style="width: 200px;" src="../assets/fd5d354248cca06e2d03ebe2873b177.png" alt="">
    </div>
  </div>
  <div class="box" @click="router.push('/chooseDep')">
    <div class="iconBox">
      <comIcon  name="icons-consult-doctor"/>
    </div>
    <div class="center">
      <p>三甲图文问诊</p>
      <span>三甲主治及以上级别医生</span>
    </div>

  </div>
  <div class="box"  @click="router.push('/chooseDep')">
    <div class="iconBox" >
    <comIcon  name="icons-consult-message"/>
  </div>
  <div class="center">
      <p>普通图文问诊</p>
      <span>二甲主治及以上级别医生</span>
    </div>
  </div>
</template>

<script setup lang="ts">
// 导航组件
import comNavigation from '@/components/common/com-navigationBar/com-navigation.vue';
// 图标
import comIcon from '../components/common/com-icon/com-icon.vue'
// 路由
import { useRouter } from 'vue-router';
const router=useRouter()
</script>

<style scoped lang="scss">
.box{
  width: 90%;
  height: 80px;
  border: 1px solid #f1f1f1;
  margin: auto;
  margin-top: 20px;
  .iconBox{
    width: 25%;
    height: 80px;
    line-height: 100px;
    display: inline-block;
    text-align: center;
    font-size: 50px;
    vertical-align: top;
  }
  .center{
    width: 60%;
    height: 80px;
    display: inline-block;
    p{
      font-size: 16px;
      margin: 0;
      margin-top: 20px;
      margin-bottom: 5px;
      vertical-align: top;
    }
    span{
      color: #909090;
    }
  }
}
</style>
